<template>
    <div id="calendar-week" class="container">
        <div class="columns is-mobile">
            <calendar-day
                v-for="day in sharedState.seedData"
                :key="day.id"
                :day="day"></calendar-day>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import store from '@/store'
import CalendarDay from '@/components/CalendarDay.vue'
@Component({
    components: { CalendarDay }
})
export default class CalendarWeek extends Vue {
    name = 'CalendarWeek';
    sharedState = store.state;
}
</script>

<style lang="scss" scoped>
#calendar-week{
    margin-bottom: 50px;
    .column{
        padding: 0 0 0 0;
    }
}
</style>
